<script setup>
let person = {
  name: "abc",
  gender: "M",
  age: 21,
}

let {name, gender, age} = person
</script>

<template>
  <h1>这是一个作用域插槽</h1>
  <slot name="info" v-bind:fullName="name" v-bind:gender="gender" v-bind:age="age">
    <div>姓名：{{ name }}</div>
    <div>性别：{{ gender }}</div>
    <div>年龄：{{ age }}</div>
  </slot>
</template>

<style scoped>

</style>